<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>仿重庆旅游融媒中心</title>
  <link rel="stylesheet" href="./css/public.css">
  <link rel="stylesheet" href="./css/index.css">
  <link rel="stylesheet" href="./icon-font/iconfont.css">
  <link rel="stylesheet" href="./css/swiper-bundle.css">
  <link rel="stylesheet" href="./css/swiperCarousel.css">
  <script src="./js/swiper-bundle.min.js"></script>
  <script src="./js/jquery.js"></script>

</head>

<body>
  <!-- 头部 -->
  <div class="head">
    <div class="bg">
      <img src="https://www.helloimg.com/i/2024/09/29/66f82a9b47ad9.jpg" alt="">
    </div>
  </div>

  <div class="phone-nav">
    <i class="iconfont icon-caidan" id=caidan></i>
    <ul class="navList">
      <li><a href="">首页</a></li>
      <li><a href="">新闻中心</a></li>
      <li><a href="">旅游评测</a></li>
      <li><a href="">景区文化</a></li>
      <li><a href="">精彩视频</a></li>
    </ul>
  </div>

  <div class="nav-box">
    <ul class="nav">
      <li><i class="iconfont icon-shouyetianchong"></i><a href="">首页</a></li>
      <li><a href="">新闻中心</a></li>
      <li><a href="">旅游评测</a></li>
      <li><a href="">景区文化</a></li>
      <li><a href="">精彩视频</a></li>
    </ul>
  </div>

  <div class="main">
    <!-- 新闻中心 -->
    <div class="news">
      <div class="news-l">
        <div class="head-news">
          <p><a href="">小金县携六喜金彩亮相 2023年小金县文化旅游暨...</a></p>
          <span>简要：重庆旅游融媒中心</span>
        </div>
        <div class="Carousel">
          <div class="swiper mySwiper">
            <div class="swiper-wrapper">
              <div class="swiper-slide"><img src="https://www.helloimg.com/i/2024/09/29/66f83196b9cfc.png" alt="">
                <p class="title">国际范中国味巴蜀韵！第26届重庆都市文化...</p>
              </div>
              <div class="swiper-slide"><img src="https://www.helloimg.com/i/2024/09/29/66f8319698957.jpg" alt="">
                <p>2023“美育圆梦·乡村振兴中国行”重庆赛...</p>
              </div>
              <div class="swiper-slide"><img src="https://www.helloimg.com/i/2024/09/29/66f83196bcadf.png" alt="">
                <p>第3届“不待芳菲尽·渝中色春盈”全民摄影...</p>
              </div>
              <div class="swiper-slide"><img src="https://www.helloimg.com/i/2024/09/29/66f83196a308b.jpeg" alt="">
                <p>2023“渝春万物香”踏青赏花会暨重庆母城...</p>
              </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>

            <!-- 如果需要导航按钮 -->
            <div class="swiper-prev"></div>
            <div class="swiper-next"></div>

          </div>
        </div>
      </div>
      <div class="news-r">
        <div class="top-title">
          <span>热点聚焦</span>
          <a href="#">MORE></a>
        </div>

        <ul class="newsList">
          <li class="text-list"><a href="#">中西部唯一！重庆获准放宽旅游、养老领域外资准入</a>
            <span>重庆旅游融媒中心</span>
          </li>
          <li class="text-list"><a href="#">128条全国乡村旅游精品线路出炉 重庆两条入选</a></li>
          <li class="text-list"><a href="#">一季度 重庆国内旅游组织和接待人次均排名全国前十</a></li>
          <li class="text-list"><a href="#">重庆来福士探索舱观景台焕新开放</a></li>
          <li class="text-list"><a href="#">打造文化客厅，渝州书院正式开院</a></li>
          <li class="text-list"><a href="#">上新啦！“微缩重庆”轨道交通主题街区亮相九龙坡</a></li>
          <li class="text-list"><a href="#">渝中区获“2021公共文化旅游服务提升”和“2021文化...</a></li>
          <li class="text-list"><a href="#">2021重庆文旅大数据发布活动亮相智博会</a></li>
          <li class="text-list"><a href="#">曾家岩大桥南桥头广场开放了</a></li>
        </ul>
      </div>
    </div>
    <!-- 中心banner -->
    <div class="banner-center">
    </div>
    <!-- 景区介绍 -->
    <div class="mien">
      <div class="mien-l">
        <div class="top-title">
          <span>景区风采</span>
          <a href="#">MORE></a>
        </div>
        <video src="" controls muted autoplay class="mien-l-video" poster="https://www.helloimg.com/i/2024/09/29/66f82a9b9b82a.png"></video>
      </div>
      <div class="mien-r">
        <div class="top-title">
          <span>景区介绍</span>
          <a href="#">MORE></a>
        </div>
        <ul class="scenicList">
          <li class="scenic-list">
            <img src="https://www.helloimg.com/i/2024/09/29/66f8329269c3a.jpg" alt="">
            <div class="scenic-info">
              <a href="" class="info-title">黄水民俗生态旅游区</a>
              <span class="info-content">重庆黄水民俗生态旅游区位于石柱县东北部，沿沪渝高速公路（南线）G50（G50s）或乘坐沪汉渝蓉高速铁路均可到达，以黄水镇为中...</span>
            </div>
          </li>
          <li class="scenic-list">
            <img src="https://www.helloimg.com/i/2024/09/29/66f832927ced0.jpg" alt="">
            <div class="scenic-info">
              <a href="" class="info-title">乌江画廊</a>
              <span class="info-content">乌江画廊全称沿河乌江山峡风景名胜区，是国家级风景名胜区，是长江三峡--乌江山峡--梵净山自然保护区--张家界森林公园旅游环线...</span>
            </div>
          </li>
          <li class="scenic-list">
            <img src="https://www.helloimg.com/i/2024/09/29/66f83292686d0.jpg" alt="">
            <div class="scenic-info">
              <a href="" class="info-title">阿依河</a>
              <span class="info-content">阿依河原名长溪河，地处重庆市彭水苗族土家族自治县，苗家人把善良、美丽、聪慧的女子称为“娇阿依”，阿依河因此得名。阿依河...</span>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <!-- 大众游乐 -->
    <div class="play">
      <div class="top-title">
        <span>大众游乐</span>
        <a href="#">MORE></a>
      </div>
      <div class="playList">
        <div class="play-list">
          <span class="booking">点击预约</span>
          <div class="book-info">
            <form action="#">
              <div class="form-item"><label>姓名：<input type="text" placeholder="请输入姓名"></label></div>
              <div class="form-item"><label>电话：<input type="text" placeholder="请输入电话"></label></div>
              <div class="form-item"><span>获取验证码</span></div>
              <div class="form-item"><label>验证码：<input type="text" placeholder="请输入验证码"></label></div>
              <div class="form-item"><span>预约</span></div>
            </form>
          </div>
          <img src="https://www.helloimg.com/i/2024/09/29/66f832f05f2fb.jpg" alt="">
          <div class="play-info">
            <p class="info-name">
              重庆美心红酒小镇</p>
            <p class="info-content">红酒小镇位于重庆市涪陵区蔺市镇梨香溪西岸，美心红酒小镇位于长江之滨、美心统筹城乡示范区...</p>
          </div>
        </div>
        <div class="play-list">
          <span class="booking">点击预约</span>
          <div class="book-info">
            <form action="#">
              <div class="form-item"><label>姓名：<input type="text" placeholder="请输入姓名"></label></div>
              <div class="form-item"><label>电话：<input type="text" placeholder="请输入电话"></label></div>
              <div class="form-item"><span>获取验证码</span></div>
              <div class="form-item"><label>验证码：<input type="text" placeholder="请输入验证码"></label></div>
              <div class="form-item"><span>预约</span></div>
            </form>
          </div>
          <img src="https://www.helloimg.com/i/2024/09/29/66f832ef684cb.jpg" alt="">
          <div class="play-info">
            <p class="info-name">
              重庆方特欢乐世界</p>
            <p class="info-content">公园中项目的规划安排突出了求知、学习、探索、体验的主旋律，每个主题项目的第一部分都是一...</p>
          </div>
        </div>
        <div class="play-list">
          <span class="booking">点击预约</span>
          <div class="book-info">
            <form action="#">
              <div class="form-item"><label>姓名：<input type="text" placeholder="请输入姓名"></label></div>
              <div class="form-item"><label>电话：<input type="text" placeholder="请输入电话"></label></div>
              <div class="form-item"><span>获取验证码</span></div>
              <div class="form-item"><label>验证码：<input type="text" placeholder="请输入验证码"></label></div>
              <div class="form-item"><span>预约</span></div>
            </form>
          </div>
          <img src="https://www.helloimg.com/i/2024/09/29/66f832ef77202.jpg" alt="">
          <div class="play-info">
            <p class="info-name">
              重庆科技馆</p>
            <p class="info-content">重庆科技馆，为重庆市委、市政府确定的全市十大社会文化事业基础设施重点工程之一，是面向公...</p>
          </div>
        </div>
      </div>
    </div>
    <!-- 旅游向导 -->
    <div class="guide">
      <div class="top-title">
        <span>旅游向导</span>
        <a href="#">MORE></a>
      </div>
      <div class="guideList">
        <div class="guide-list actived">
          <div class="img-box"><img src="https://www.helloimg.com/i/2024/09/29/66f8320302020.jpg" alt=""></div>
          <div class="info"><i class="iconfont icon-icon_xinyong_xianxing_jijin-139"></i>
            <p>线路</p>
          </div>

        </div>
        <div class="guide-list">
          <div class="img-box"><img src="https://www.helloimg.com/i/2024/09/29/66f8320258a58.png" alt=""></div>
          <div class="info"><i class="iconfont icon-woyaoruzhu-changshangruzhu
            "></i>
            <p>景区</p>
          </div>

        </div>
        <div class="guide-list">
          <div class="img-box"><img src="https://www.helloimg.com/i/2024/09/29/66f832027f716.jpg" alt=""></div>
          <div class="info"><i class="iconfont icon-meishi"></i>
            <p>美食</p>
          </div>

        </div>
        <div class="guide-list">
          <div class="img-box"><img src="https://www.helloimg.com/i/2024/09/29/66f832025b142.jpg" alt=""></div>
          <div class="info"> <i class="iconfont icon-jiudian
            "></i>
            <p>酒店</p>
          </div>

        </div>
        <div class="guide-list">
          <div class="img-box"><img src="https://www.helloimg.com/i/2024/09/29/66f8320286c60.jpg" alt=""></div>
          <div class="info"><i class="iconfont icon-duogouwu

            "></i>
            <p>购物</p>
          </div>

        </div>
      </div>
    </div>
    <!-- 底部banner -->
    <div class="banner-bottom">
    </div>
  </div>
  <div class="foot-box">
    <div class="foot">
      <img class="logo" src="https://www.helloimg.com/i/2024/09/29/66f83367531da.png"></img>
      <div class="links-contact">
        <div class="links">
          <a href="">中华人民共和国文化和旅游部</a>
          <a href="">中央纪委国家监委网</a>
          <a href="">中国网信网</a>
          <a href="">新浪网</a>
          <a href="">腾讯网</a>
          <a href="">网易</a>
          <a href="">搜狐</a>
          <a href="">人民网</a>
          <a href="">央视网</a>
          <a href="">新华网</a>
          <a href="">百度网</a>
          <a href="">中国网</a>
          <a href="">中国日报</a>
          <a href="">中国旅游新闻网</a>
          <a href="">重庆市人民政府</a>
          <a href="">重庆市文化和旅游发展委员会</a>
          <a href="">华龙网</a>
          <a href="">重庆日报</a>
        </div>
        <div class="contact">
          联系方式：<span>邮箱：524708888@qq.com</span><span>
        </div>
        <div class="record">
          <a href="">
            <img src="https://www.helloimg.com/i/2024/09/29/66f833663fa5c.png" alt="">
            <span>渝公网安备 50011202502145号</span>
          </a>
          <a href="">ICP备案：渝ICP备2021004397号</a>
        </div>
      </div>

    </div>



  </div>

  <div class="mask">
    <div class="text">
      <span id="chong">重</span>
      <span id="qing">庆</span>
      <span id="lv">旅</span>
      <span id="you">游</span>
      <span id="wang">网</span>

    </div>
    <div class="skip-box">
      <span class="skip">跳过</span>
    </div>

  </div>


  <script src="./js/swiperCarousel.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.4/gsap.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.4/ScrollTrigger.min.js"></script>
  <script src="./js/animate.js"></script>
  <script src="./js/index.js"></script>

  </script>
</body>

</html>